<template>
  <div class="infinite-container bgwhite">
    <div class="resultBox">
      <img src="../../assets/images/icon_zfcg.png" alt="">
      <p>恭喜！预约成功</p>
      <section class="tips">
        <ul>
          <li v-for="(v, i) in APPOINT_SUCCESS_TIPS" :key="i">{{(i+1)+'.'+v}}</li>
        </ul>
      </section>
      <div class="pd20">
      <mu-raised-button label="查看预约记录" class="submit-btn" primary fullWidth @click="go('/appointment/history')" />
      </div>
    </div>
  </div>
</template>

<script>
import {APPOINT_SUCCESS_TIPS} from '@/api/const'
export default {
  data () {
    return {
      APPOINT_SUCCESS_TIPS: APPOINT_SUCCESS_TIPS
    }
  },
  mounted () {
  },
  methods: {
    go (url) {
      this.$router.replace(url)
    }
  }
}
</script>

<style scoped lang="less">
  @import "../../common/css/vars";
  @import "../../common/css/flex.css";
  .resultBox{
    padding-top:60px;
    text-align: center;
    img{
      width:100px;
    }
    p{
      font-size:20px;
      color:@color-normal;
      margin-top:20px;
    }
  }
  .tips {
    padding: 40px;
    text-align: left;
    color: #999;
  }
</style>
